Previous     Content     Next

4. Advanced topics

Here you will find information useful for more experienced users.


4.1. The Gallery Generator template files

The ScreenCopy Gallery Generator creates HTML pages by using different template files. Users of ScreenCopy who have experience in writing HTML pages can easily edit these template files and make their galleries look more individual.

The following files are involved when a new gallery is being created:

Gallery Generator template files

gallerytemplate.html Contains the general design of the gallery.
tabletemplate.html Contains the design of the image table on every page.
tabletemplate2.html If the number of images is odd this template file will be used for the last image in the gallery.
navigationtemplate.html Contains the design of the gallery navigation menu.

While the design of a gallery can be changed by directly editing the template files, the content of a gallery is specified through different variables. The following tables explain which variables can used in the different template files:

Available variables in "gallerytemplate.html"
<#TITLE> The title shown on each page; this variable is set in the HTML Gallery Generator dialog.
<#BACKGROUNDCOLOR> Background color of the page; this variable is set in the HTML Gallery Generator dialog.
<#TEXTBEFORE> Text/HTML code to insert before shown images; this variable is set in the HTML Gallery Generator dialog.
<#TEXTAFTER> Text/HTML code to insert after shown images; this variable is set in the HTML Gallery Generator dialog.
<#COUNT> Contains the total number of images.
<#TOTALPAGES> Contains the total number of pages.
<#PAGE> The number of the current page.
<#FIRSTIMG> The number of the first image on a page.
<#LASTIMG> The number of the last image on a page.
<#NAVIGATION> The gallery navigation menu will be inserted here.
<#IMAGETABLE> The table containing the images will be inserted here.


Available variables in "tabletemplate.html"
<#COUNT> Contains the total number of images.
<#NUM1> The index number of the image on the left side.
<#NUM2> The index number of the image on the right side.
<#NAME1> The filename of the image on the left side.
<#NAME2> The filename of the image on the right side.
<#FULLPATH1> The full path to the image on the left side.
<#FULLPATH2> The full path to the image on the right side.
<#RELPATH1> The relative path to the image on the left side.
<#RELPATH2> The relative path to the image on the right side.


Available variables in "tabletemplate2.html"
<#COUNT> Contains the total number of images.
<#NUM1> The index number of the image on the left side.
<#NAME1> The filename of the image on the left side.
<#FULLPATH1> The full path to the image on the left side.
<#RELPATH1> The relative path to the image on the left side.


Available variables in "navigationtemplate.html"
<#PREV> The relative path to the previous page.
<#NEXT> The relative path to the next page.


Previous     Content     Next